<!DOCTYPE html>
<html lang="zh-cn">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title></title>
		<style>
			[v-cloak]{
				display: none;
			}
		</style>
		<script src="./src/vue.js"></script>
	</head>

	<body>
		<div id="app" v-cloak>

			<div v-once>{{message}}</div>
			<div>{{message}}</div>
		</div>
		<script>
			/*
				v-once
					只渲染一次，随后数据改变将不再重新渲染，视为静态内容，
					用于优化更新性能
			*/
			let message = 'hello,vue';
			let vm = new Vue({
				el: '#app',
				data: { 
					message
				}
			});



		</script>
	</body>
</html>